<template>
    <div>
        <div class="flex_evenly mt100 mb100 pl100 pr100">
            <a-button type="default" 
                      shape="round"
                      size="large">
                <div class="w150 bold">健康档案</div>
            </a-button>
            <a-button type="default" 
                      shape="round"
                      size="large">
                <div class="w150 bold">健康图表</div>
            </a-button>
            <a-button type="default" 
                      shape="round"
                      size="large">
                <div class="w150 bold">添加档案</div>
            </a-button>
        </div>
        <div class="aca_main_group flex_column mt50">
            <a-card hoverable style="width: 300px" class="text_left">
                <template #actions>
                    <p>修改档案</p>
                    <p>删除档案</p>
                    <p>查看详情</p>
                </template>
                <a-card title="档案">
                    <p>当前体重：120</p>
                    <p>当前血糖：69</p>
                    <p>上次修改时间：2023-09-20 08:37:23</p>
                </a-card>
            </a-card>
            <a-card hoverable style="width: 300px" class="text_left">
                <template #actions>
                    <p>修改档案</p>
                    <p>删除档案</p>
                    <p>查看详情</p>
                </template>
                <a-card title="档案">
                    <p>当前体重：120</p>
                    <p>当前血糖：69</p>
                    <p>上次修改时间：2023-09-20 08:37:23</p>
                </a-card>
            </a-card>
            <a-card hoverable style="width: 300px" class="text_left">
                <template #actions>
                    <p>修改档案</p>
                    <p>删除档案</p>
                    <p>查看详情</p>
                </template>
                <a-card title="档案">
                    <p>当前体重：120</p>
                    <p>当前血糖：69</p>
                    <p>上次修改时间：2023-09-20 08:37:23</p>
                </a-card>
            </a-card>
        </div>
        <div class="aca_main_group flex_column mt50 mb100">
            <a-card hoverable style="width: 300px" class="text_left">
                <template #actions>
                    <p>修改档案</p>
                    <p>删除档案</p>
                    <p>查看详情</p>
                </template>
                <a-card title="档案">
                    <p>当前体重：120</p>
                    <p>当前血糖：69</p>
                    <p>上次修改时间：2023-09-20 08:37:23</p>
                </a-card>
            </a-card>
            <a-card hoverable style="width: 300px" class="text_left">
                <template #actions>
                    <p>修改档案</p>
                    <p>删除档案</p>
                    <p>查看详情</p>
                </template>
                <a-card title="档案">
                    <p>当前体重：120</p>
                    <p>当前血糖：69</p>
                    <p>上次修改时间：2023-09-20 08:37:23</p>
                </a-card>
            </a-card>
            <a-card hoverable style="width: 300px" class="text_left">
                <template #actions>
                    <p>修改档案</p>
                    <p>删除档案</p>
                    <p>查看详情</p>
                </template>
                <a-card title="档案">
                    <p>当前体重：120</p>
                    <p>当前血糖：69</p>
                    <p>上次修改时间：2023-09-20 08:37:23</p>
                </a-card>
            </a-card>
        </div>
        <div class="mb50">
            <a-pagination :total="50" show-size-changer />
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.aca_main_group {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
</style>